.fc-list-spinner {
    padding-top: 16%;
    text-align: center;
    font-size: 30px;
    color: rgb(0, 70, 55);
    height: calc(100vh - 400px);
}

.fc-list-continer {
    display: flex;
    flex-direction: column;
    align-items: center;


    .title-continer {
        .button.go-back {
            background-color: rgb(0, 56, 58);
            color: beige;
            font-size: 16px;
            width: 100px;
            height: 25px;
            position: absolute;
            left: 2px;
            bottom: 2px;
        }

        .button.go-back:hover {
            background-color: rgb(0, 43, 44);
        }

        .button.go-back:active {
            border-color: black rgb(113, 113, 113) rgb(113, 113, 113) black;
        }

        .arrows {
            position: absolute;
            right: 3px;
            bottom: 2px;

            .buuton {
                background-color: rgb(0, 56, 58);
                color: beige;
                width: 40px;
                font-size: 30px;
                font-weight: bold;
                margin-left: 2px;
                border: solid 1px;
                border-color: white black black white;
                cursor: pointer;
            }

            .buuton:hover {
                background-color: rgb(0, 43, 44);
            }

            .buuton:active {
                border-color: black rgb(168, 168, 168) rgb(168, 168, 168) black;
                color: rgb(184, 207, 255);
            }
        }
    }

    .background {
        width: 100%;
        min-height: calc(100vh - 132px);
        background-color: rgb(225, 224, 224);
    }

    .list {
        width: 1003px;
        margin: auto;

        .fc-list-menu {
            display: flex;
            gap: 2px;
            background-color: rgb(0, 83, 88);
            color: beige;
            font-size: 16px;
            margin-top: 15px;
            padding: 3px;

            * {
                width: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
            }

            .num {
                width: 60px;
            }

            .description {
                width: 200px;
            }

            .status,
            .temp,
            .alarm {
                width: 70px;
            }

            .animation {
                width: 25px;
            }
        }
    }
}